<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1551px" height="1072px" version="1.1" content="%3Cmxfile%20userAgent%3D%22Mozilla%2F5.0%20(Macintosh%3B%20Intel%20Mac%20OS%20X%2010_12_3)%20AppleWebKit%2F537.36%20(KHTML%2C%20like%20Gecko)%20Chrome%2F56.0.2924.87%20Safari%2F537.36%22%20version%3D%22%40DRAWIO-VERSION%40%22%20editor%3D%22www.draw.io%22%20type%3D%22google%22%3E%3Cdiagram%20name%3D%224%20Ways%20to%20Connect%20Shapes%22%3E3Zlbj%2BI2FMc%2FDdLuQ1F8ye0RmGUrtVVXYqvtq%2BM4wZ0kRo4ZYD997cSBgEPLSGE0A%2FMw4fgS%2B%2F%2FzOT42E7Qo918l2az%2FECkrJtBL9xP0NIEQRCDS%2F4zl0Fqg5%2FutJZc8tbVOhhX%2FyazRs9YtT1l9VlEJUSi%2BOTdSUVWMqjMbkVLszqtlojh%2F64bkzDGsKCk66xSf7D94qtbWDoL4VPAr4%2FnavjyCQVuQEPqcS7Gt7BsnEGXNpy0uSdeXnWq9JqnY9UzoywQtpBCqfSr3C1YYeTvh2nbLK6XH%2BUhWqZsa2HG8kGJrZ79QUteYP0mS6wIhjdAFp89mdqaS1diW6Xkj3QmanzezaLiozHAE16Np56sOncqNSsyMwzTPC1LX9pmKklP7XCspno8QgLZkvCgWotAvN92gzDd%2F2k4KnlfaRvXUmTw27VUNmo%2FpQlRqZUeCXcmsii9MKrbvmayEX5komZIHXcWWQmR7OXQLxcq66y2eOGxt6966CWw9Yldsfuz6xEw%2FWGxXEAIHoYWQSVEazbU3JUQ2XtQDNgDTo1xSrco7QlVvCOVVrq1IfxuBFQCdYB0s7y1hIQfWp1mhnWP%2B9%2Beeo%2FHqjNuO64GdyNWs0L6leTTxY8M6eizN3xW7MTwLRmewAhS%2BISzfgfVNMq0f9FpmqzXPzP%2FFVtbiJlAjwEHv1bE8H1%2BwekvHih1WS0G3hpXpQ2%2B9YlszoafjQNDzU45UlajYhdDW1GlcsMw0MwJxnTvMrLnkaWp6nt%2FGtr8VDezer6aA%2FRu2IjAAAY4AAbrZhN2KSGWcIJVi89jyA4Ru2F3upr%2BbCqyaENR4gXZyb9XtKY8MAeMbNo27MYD%2Fx%2BA3dkgEkeljQwAwvGE7uBsFN8%2FSo%2FF%2BkENt82BvYU%2BP2inM3lxfw9EI055RdR%2BXQv2H7s5mPEYqZtkPrpERqAU4PIM2wAz5kcsMj8EsxBFEEQA4RR5g6S%2B%2BG86%2B880EzRpmNvWyGbNkm4JQQ%2FFKqmVprlVZWFlf62dHjleJ79ZcsZVOrMw7d5JsLpYLvEdwC4CDKIYuIYReTeivmsk%2Fk39aJylIwoounjEDYQEns14wO2a9q7WQim6V9aiCV89tu7VS5gZn1iRkS8VqNU0l2U25dsdl3bWa1i952%2FL6wkA9iewqeo9xtLtr6OXfnv4slyNl3E6I9ZGzFqIBb0Xxq9eC%2FtpbDrc6ML7uwDYxbEKxdV7TFTU3Rg%2Fqum5yCPG9fPcGOO7p9gjnUxNeP%2Bv4%2Bp0kHaVSn54m5jq1OVY9KCPn%2FDSwA74Zosg91DrCt7sdeuJlc6t9VO93E6%2B%2FiZo3l7DoKRFKiVJXaAL5%2FHhP3b9GaG%2BqXQJKGKlJvWlv2zO%2BN2Fw3rxy1lm9zqKfzyM9n%2BYH8lNMqbmOXKYYxgjANI6zxCPIQ2lCfYhCgJGHMfKnOc%2FGiY9xd%2FY9%2FhDhsgwG4yP270ATAPdo8PFx%2BokfgCxCcRhkGGi2XsxwRLWFYOCFaDycF4nPIM0YDNGM7kETuvHz49OkDPpZjDCmaZwS7aAhiliQMe2xGcoCcDeaoe%2Be0YPIH6J5j6MGQG6q8vFp%2BrHev%2BI4BixiYRZjlCQ0yVgQhSENaArHoxn5lzjdTDT08DjOqb%2BefiFtynq%2FRKMv%2FwI%3D%3C%2Fdiagram%3E%3C%2Fmxfile%3E" resource="https://test.draw.io/?p=anim&amp;dev=1&amp;test=1#G0B2QEO36liL4FSnQzdmI2eFBSSkk" style="background-color: rgb(255, 255, 255);"><defs/><g transform="translate(0.5,0.5)"><rect x="186" y="80" width="197" height="60" fill="#f5f5f5" stroke="#666666" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-decoration="underline" text-anchor="middle" font-size="12px"><text x="282.75" y="105.25">Ctrl+Drag or click blue arrow or</text><text x="282.75" y="119.25">Ctrl+Drag connection point</text></g><rect x="1063" y="70" width="197" height="60" fill="#f5f5f5" stroke="#666666" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="1159.75" y="95.25">Drag from sidebar to</text><text x="1159.75" y="109.25">blue arrow or circle</text></g><rect x="180" y="607" width="197" height="60" fill="#f5f5f5" stroke="#666666" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="276.75" y="632.25">(Alt+X) click in sidebar with</text><text x="276.75" y="646.25">selected shape or edge</text></g><rect x="1006" y="600" width="197" height="60" fill="#f5f5f5" stroke="#666666" stroke-width="3" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="1104" y="626.5">Press Alt+Shift+Cursor with</text><text x="1104" y="640.5">selected shape</text></g><g fill="#000000" font-family="Helvetica" font-weight="bold" font-size="12px"><text x="407.5" y="93.5">Focus / mouseover</text></g><g fill="#000000" font-family="Helvetica" font-weight="bold" font-size="12px"><text x="1284.5" y="83.5">Drag and drop</text></g><g fill="#000000" font-family="Helvetica" font-weight="bold" font-size="12px"><text x="401.5" y="620.5">Select + Sidebar</text></g><g fill="#000000" font-family="Helvetica" font-weight="bold" font-size="12px"><text x="1227.5" y="613.5">Select + Keyboard</text></g><g fill="#000000" font-family="Helvetica" font-weight="bold" text-anchor="middle" font-size="24px"><text x="777.5" y="29.5">4 Ways to Connect Shapes</text></g><g transform="translate(400.5,634.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="90" height="26" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 90px; white-space: normal; word-wrap: normal; font-style: italic; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Tip: Shift+Click replaces shape</div></div></foreignObject><text x="45" y="19" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica" font-style="italic">Tip: Shift+Click replaces shape</text></switch></g><a xlink:href="https://test.draw.io/shortcuts.svg"><rect x="1226" y="623" width="88" height="39" fill="none" stroke="none"/><g fill="#0000FF" font-family="Helvetica" font-style="italic" text-decoration="underline" font-size="12px"><text x="1227.5" y="639">See: Keyboard</text><text x="1227.5" y="653">Shortcuts</text></g></a><rect x="1283" y="94" width="92" height="33" fill="none" stroke="none"/><g transform="translate(1283.5,97.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="90" height="26" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 90px; white-space: normal; word-wrap: normal; font-style: italic; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Tip: Drag to replace icon</div></div></foreignObject><text x="45" y="19" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica" font-style="italic">Tip: Drag to replace icon</text></switch></g><rect x="406" y="100" width="92" height="33" fill="none" stroke="none"/><g transform="translate(406.5,103.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="90" height="26" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 90px; white-space: normal; word-wrap: normal; font-style: italic; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Tip: (Shift)+Tab to move focus</div></div></foreignObject><text x="45" y="19" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica" font-style="italic">Tip: (Shift)+Tab to move focus</text></switch></g><image x="861.5" y="169.5" width="688" height="345" xlink:href="https://i.gyazo.com/d429312d99fb0a303dbc523714304435.gif" preserveAspectRatio="none" pointer-events="none"/><image x="-0.5" y="169.5" width="691" height="348" xlink:href="https://i.gyazo.com/5b561f83976f4142909e48cf83a41073.gif" preserveAspectRatio="none" pointer-events="none"/><image x="-0.5" y="726.5" width="685" height="340" xlink:href="https://i.gyazo.com/ce25f9344cd9dafb0738e6fe931f3f61.gif" preserveAspectRatio="none" pointer-events="none"/><image x="809.5" y="722.5" width="704" height="348" xlink:href="https://i.gyazo.com/592139991e8e7f943bbcbfe6877c6cd2.gif" preserveAspectRatio="none" pointer-events="none"/></g></svg>